<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./font_4jtjfrrpp9i/iconfont.css">
</head>
<body>
    <div class="box">
        <div class="header">
            <div class="top-l">小U 商城后台管理系统</div>
            <div class="top-r">
                <div class="zjl">
                    <img src="./image/person.png" alt="">
                    <span>周杰伦</span>
                </div>
                <div class="logout">
                    <i class="iconfont icon-zhuxiaologout11 "></i>
                    <span>注销</span>
                </div>
               
            </div>
           
            <div class="menu">
                <span></span><span></span><span></span>
              
            </div>
        </div>
        <input type="checkbox">
        <div class="box-center">
            <div class="sidebar">
                <div class="commodity">
                  <i class="iconfont icon-5gouwudai "></i>
                  <span>商品管理</span>
                </div>
                <div class="message">
                    <i class="iconfont icon-xiaoxitixingchuangkoudanchufangshi"></i>
                    <span>商品信息管理</span>
                </div>
                <div class="message">
                    <i class="iconfont icon-xiaoxitixingchuangkoudanchufangshi"></i>
                    <span>添加商品信息</span>
                </div>
                <div class="message">
                    <i class="iconfont icon-xiaoxitixingchuangkoudanchufangshi"></i>
                    <span>商品类型管理</span>
                </div>
                <div class=" management ">
                    <i class="iconfont icon-single "></i>
                    <span>订单管理</span>
                  </div>
                  <div class=" management ">
                    <i class="iconfont icon-yonghu "></i>
                    <span>用户管理</span>
                  </div>
                  <div class=" management h">
                    <i class="iconfont icon-guanliyuan"></i>
                    <span>管理员管理</span>
                  </div>
            </div>
            <div class="concent">
               <div class="concent-top">
                   <span>商品信息管理</span>
                   <div>
                    <span>操作</span>
                    <i class="iconfont icon-xiasanjiaoxing"></i>
                   </div>             
               </div>
               <div class="concent-bottom">
                   <div class="concent-concent">
                       <div class="concent-top">
                           <p class="num">150</p>
                           <p class="new">新订单</p>
                       </div>
                       <div class="concent-bottom">
                           <span>详细</span>
                           <i class="iconfont icon-youjiantou"></i>
                       </div>
                   </div>
                   <div class="concent-concent">
                    <div class="concent-top">
                        <p class="num">150</p>
                        <p class="new">新订单</p>
                    </div>
                    <div class="concent-bottom">
                        <span>详细</span>
                        <i class="iconfont icon-youjiantou"></i>
                    </div>
                </div>
                <div class="concent-concent">
                    <div class="concent-top">
                        <p class="num">150</p>
                        <p class="new">新订单</p>
                    </div>
                    <div class="concent-bottom">
                        <span>详细</span>
                        <i class="iconfont icon-youjiantou"></i>
                    </div>
                </div>
                <div class="concent-concent">
                    <div class="concent-top">
                        <p class="num">150</p>
                        <p class="new">新订单</p>
                    </div>
                    <div class="concent-bottom">
                        <span>详细</span>
                        <i class="iconfont icon-youjiantou"></i>
                    </div>
                </div>
                </div>
                   
               </div>
              
            </div>
        </div>
        
    </div>
</body>
</html>